* { margin: 0pt; padding: 0pt; }
html { overflow-y: scroll; }
body {font: 12px/14px Arial,Helvetica,sans-serif; color: #666; text-align: left; background: #f7f7f7 url('../images/background.gif') repeat-x scroll 0% 0%; }
a { color: #08c; text-decoration: none; }

a img { border: medium none; }
p { margin: 0px 0px 20px; line-height: 18px; }
ul { margin: 5px 0px 15px; padding: 0px; }
li { margin-left: 20px; list-style:none; }
fieldset { padding: 10px;margin: 10px 0;border: 1px solid #d2d2d2; }
legend { margin:0px 15px; padding:3px;}
/*float*/
.fll { float:left; }
.flr { float:right; }
.fln { float:none; }
/*clear*/
.clearfix, .fixfloat, .fix, .iheader, .icontainer, .ifooter { display:inline-block; }
.clearfix, .fixfloat, .fix, .iheader, .icontainer, .ifooter { display:block; }
.clear, .clearfix:after, .fixfloat:after, .fix:after, .iheader:after, .icontainer:after, .ifooter:after { display:block; visibility:hidden; overflow:hidden; clear:both; height:0; content:"."; }

.remind{margin: 0pt 0pt 15px; padding: 0pt 10px; line-height: 25px; color: #222;}
.remind_notice { background: #fffbcc none repeat scroll 0% 0%; border: 1px solid #e6db55;  }
.remind_success {background: #d1ecb8 none repeat scroll 0% 0%; border: 1px solid #81c445; }
.remind_error { background: #ffebe8 none repeat scroll 0% 0%; border: 1px solid #f0baa2;  }

#do_header { height: 45px; margin: 0pt auto; padding: 0pt 20px; max-width: 1280px; min-width: 760px;
}
#do_header h1 { float: left; font: bold 20px/45px Helvetica,Arial,sans-serif; }
#do_header h1 a { color: #fff; text-decoration: none; }
#do_header .menu { float: right; line-height: 45px; }
#do_header .menu a { color: #fff; }
#do_wrapper { margin: 0pt auto; padding: 25px 20px; max-width: 1280px; min-width: 760px; position:relative; z-index:8; }
#do_wrapper h2 { margin: 0pt 0pt 10px; font: bold 20px/21px Helvetica,Arial,sans-serif; color: #333; }
.box { margin: 0pt 0pt 20px; padding: 15px 15px 0pt; border: 1px solid #e8e8e8; background: #fff none repeat scroll 0% 0%; position: relative; }
#do_left { float: left; width: 140px; position: relative; }
.navigation { margin: 0pt 0pt 20px; background: #fff none repeat scroll 0% 0%; border-left: 1px solid #e8e8e8; border-right: 1px solid rgb(232, 232, 232); border-bottom: 1px solid #e8e8e8; }
.navigation ul { margin: 0pt; padding: 0pt; list-style: none outside none; }
.navigation ul li { margin: 0pt; padding: 0pt 15px; border-top: 1px solid #e8e8e8; background: url('../images/navigation-off.gif') repeat-x scroll 0% 0% transparent; line-height: 24px; height: 100%; display: block; font-size: 12px; }
.navigation ul li a { color: #666; height: 100%; width: 100%; display: block; }
.navigation ul li.active { background: url('../images/navigation-on.gif') repeat-x scroll 0% 0% transparent; }
.navigation ul li.active a { color: #fff; }
.navigation ul li ul { margin: 5px 0pt; }
.navigation ul li ul li { margin: 0pt; padding: 0pt; font-size: 13px; border: medium none; background: none repeat scroll 0% 0% transparent; }
.navigation ul li ul li a { color: #08c; }
#do_search-form { height: 33px; }
.search-input { border: 1px solid #d2d2d2; width: 133px; height: 12px; padding: 3px 5px; position: absolute; font-size: 11px; }
.search-submit { left: 160px; position: absolute; }
#do_blog li { margin: 0pt; padding: 0pt; list-style: none outside none; }
#do_blog li h4 { margin: 0pt 0pt 5px; font-size: 12px; font-weight: normal; }
#do_blog li h4 abbr { font-size: 10px; color: #999; border: medium none; }

/*#do_content { padding-left: 240px; } */
#do_content h3 { margin: 0pt 0pt 15px; padding: 0pt 0pt 10px; color: #222; font-size: 16px; border-bottom: 1px dotted #e8e8e8; }
#do_content h4 { margin: 0pt 0pt 15px; color: #222; font-size: 14px; }

#do_right { padding-left: 160px; }
#do_right h3 { margin: 0pt 0pt 15px; padding: 0pt 0pt 10px; color: #222; font-size: 16px; border-bottom: 1px dotted #e8e8e8; }
#do_content h4 { margin: 0pt 0pt 15px; color: #222; font-size: 14px; }

.pagination { text-align: right;  float: right;display: block; margin: 0pt 0pt 0px; font-weight: bold; position: relative; }
.pagination ul { margin: 0pt; padding: 0pt; list-style: none outside none; }
.pagination ul li { display: inline; margin: 0pt 5px 0pt 0pt; padding: 0pt; color: #222; }
.pagination ul li a {  }
#do_footer { background: #fff none repeat scroll 0% 0%; border: 1px solid #e8e8e8; padding: 15px; height: 12px; clear: both;}
#do_footer .left { float: left; }
#do_footer .right { float: right; }
/* ::::: http://ragard-jp.com/demo/shadmin/css/table.css ::::: */

table { width: 99%; height: 100%; margin: 0pt 0pt 15px; text-align: left; border-collapse: collapse; }
table thead{ background: url('../images/background-table.gif') repeat-x scroll 0% 0% transparent; }
table th { font-weight: bold; padding: 5px 8px; color: #444; }
table td { padding: 5px; border-bottom: 1px solid rgb(210, 210, 210); }
table td span.active { color: #55a34a; }
table td span.pending { color: #c5a059; }
table td span.closed { color: #a02b2b; }
table .odd { background: #f6f6f6 none repeat scroll 0% 0%; }
table .odd input { width: 20%; }
/* ::::: http://ragard-jp.com/demo/shadmin/css/form.css ::::: */

/*form ul li { margin: 0pt 0pt 15px; padding: 0pt; list-style: none outside none; }
form ul li label { color: rgb(34, 34, 34); font-weight: bold; font-size: 12px; }*/
label.note { color: rgb(68, 68, 68); font-weight: normal; font-size: 10px; }
label.choice { margin: 0pt 15px 0pt 0pt; font-weight: normal; font-size: 12px; color: #666; }
input.text, textarea { margin: 5px 0pt; padding: 3px 5px; border: 1px solid #d2d2d2; font-size: 12px; }
input.radio, input.checkbox, input.file { margin: 5px 5px 0pt 0pt; }
input.button { padding: 0pt 5px 3px; font-size: 12px; }
select.drop { font-size: 12px; margin: 5px 5px 0pt 0pt; border: 1px solid #d2d2d2; }
input.short { width: 20%; }
input.medium { width: 45%; }
input.long { width: 70%; }
input.numeric { width: 50px;}
div.domain {width:20%}
.success { color: rgb(0, 128, 0); }
.error, .req { color: #d8122d; font-weight: normal; }
input.error {border:1px solid #F45878!important;}
table .odd input { width: 30px;}
table .odd #web_url_search{ width: 150px;}
table #search_button{width:50%}
#do_nav {
    width: 100%;
    height: 20px;
}

#do_nav ul li{
    list-style-type: none;
    float: left;
    position:relative;
    z-index:10;
    zoom:1;
}
#do_nav ul li ul{ display:none; width:120px; position:absolute; top:14px; left:0; background:#fff; border:1px solid #ccc; padding:5px 10px; margin:0;}
#do_nav ul .over ul{ display:block;}
#do_nav ul li ul li{ float:none; clear:both; margin:0; padding:0; line-height:20px;}
#do_sub_nav{ width: 100%;height: 20px;}
#do_sub_nav li{ float:left;}
.moreActions{ display:inline; float:right; margin-right:10px; }
.moreActions a,.moreActions input{ margin-left:10px;}


/* set管理页面用的css   ---开始*/
.attributes_ul_box {
    float: left;
    width:220px;
}
.attributes_box {
    width: 210px;
    border:solid #D2D2D2 1px;
    margin-right:10px;
    height: 415px;
    overflow: auto;
}
#attributes_outside {
    border-style: dotted;
}
.ul_title {
    height:25px;
    line-height:25px;
    font-size:12px;
}
.attribute_drag_item {
    margin: 10px;
    width: 160px;
    padding: 5px;
    border: dotted #E2E2E2 1px;
    background: #FAFAFA;
    cursor: pointer;
    line-height: 15px;
}
#attributes_inside .attribute_drag_item{
    border: solid #E2E2E2 1px;
}
.attribute_drag_item div {
    overflow:hidden;
}
.attribute_drag_item .remove_attribute {
    float:right;
    width:16px;
    height:16px;
    overflow: hidden;
    background: url(/media/images/remove_button.gif);
}
.attribute_drag_item .remove_attribute:hover {
    background-position: 0 -17px;
}
/* set管理页面用的css   ---结束*/

/* 分类树形显示的css ---开始*/
#catalog_tree {
    width: 200px;
    overflow: auto;
    /*	囧，导致IE6崩溃……*/
    /*	_height: expression(this.clientHeight > 300 ? '300px' : 'auto');*/
    _height: 300px;
    max-height: 300px;
}
#catalog_tree ol,
#catalog_tree li {
    margin:0px;
    padding:0px;
    height:auto;
}
#catalog_tree li {
    line-height: 18px;
    margin-left: 18px;
    font-size:12px;
    zoom:1;
    background: url(/media/images/tree_bg.gif) -54px 0 repeat-y;
}
#catalog_tree li a {
    display: inline;
    color: #666;
}
#catalog_tree li a:hover {
    color: #0066CC;
}
#catalog_tree li a.delete_catalog {
    font-size:9px;
    color: #a02b2b;
}
#catalog_tree li.catalog_tree_last_name,
#catalog_tree li.catalog_tree_last_children {
    background:transparent;
}
ins.tree_icon {
    height:18px;
    width:15px;
    display: inline-block;
    text-decoration: none;
    background: url(/media/images/tree_bg.gif) 0 0px no-repeat;
}
#catalog_tree li.catalog_tree_name ins.tree_icon_parent {
    background-position: -18px 0;
}
#catalog_tree li.catalog_tree_name ins.tree_icon_parent_expanded {
    background-position: -36px 0;
}
#catalog_tree li.catalog_tree_name .tree_checked {
    color:blue;
}
li.catalog_tree_name {
    white-space:nowrap;
}
#catalog_tree_collapse_expand {
    display:inline;
    margin-left:90px;
    font-size:13px;
}
/* 分类树形显示的css ---结束*/

/*分类页面单独定义侧边栏宽度*/
#do_left.catalog_left {
    width: 235px;
}
#do_left.catalog_left a.add_catalog {
    color: #08c;
}
#do_right.catalog_right {
    padding-left:255px;
}
#do_left.catalog_left #catalog_tree {
    _height: 400px;
    max-height: 400px;
}

/* 定义.box的最小高度，解决IE下的诡异bug：当.box里面无内容或少内容时，#do_footer钻到旁边去了。*/
#do_right .box {
    min-height: 400px;
    _height: 400px;
}

th input.button {
    font-size: 12px;
    position: relative;
    top: -4px;
}


.checked_citys_box div {
    float: left;
    width: 90px;
    margin-left:10px;
    line-height:30px;
    white-space: nowrap;
    overflow: hidden;
}

.checked_citys_box{
     height: 305px;
     overflow: auto;
}

/*条件分类页面的css开始*/
.filter_condition {
    margin-bottom: 10px;
}
.filter_condition_checkboxs {
    float: left;
    width: 90px;
    margin-left:10px;
    line-height:30px;
    white-space: nowrap;
    overflow: hidden;
}
.filter_condition_checkboxs label {
    padding-left:3px;
}
.filter_condition_checkboxs_label_hover,
.filter_condition_checkboxs_label_selected {
    color: #0066CC;
    font-weight: bold;
}
.filter_condition_little_box {
    float: left;
    margin:10px;
    width: 120px;
    border: solid 1px #E2E2E2;
}
.filter_condition_little_box_title {
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    border-bottom: solid 1px #E2E2E2;
    background: #F8F8F8;
    overflow: hidden;
}
.filter_condition_little_box_content {
    height: 160px;
    overflow: auto;
}
#filter_condition_attributes .filter_condition {
    float: left;
    width: 300px;
}
#filter_condition_attributes .filter_condition label {
    width: 120px;
    line-height: 25px;
    text-align: right;
    float: left;
}
input.inline {
    margin: 0;
}
/*条件分类页面的css结束*/

/*促销页面的css开始*/
.promotion_box .filter_condition {
    margin-right: 20px;
}
.promotion_box #catalog_tree {
    height: 200px;
}
.filter_condition.catalog_checkboxes_tree {
    float: left;
    margin-top: -10px;
}
.filter_condition_sets_check_box {
    height: 140px;
    overflow: auto;
}
.filter_condition_attributes {
    clear: both;
}
/*促销页面的css结束*/

/*购物车促销页面的css开始*/
.form_item_content {
    padding-left: 20px;
    margin: 5px 0;
}
.form_item_content label {
    font-weight: normal;
}
/*购物车促销页面的css结束*/

/*添加配置产品页面的css开始*/
.product_title {
    margin-top:10px;
    line-height: 30px;
    padding: 0 5px;
    font-weight: bold;
    background: #F8F8F8;
}
.product_title a {
    float: right;
    margin-right: 15px;
    font-weight: normal;
}
.product_inputs {
    margin-left: 20px;
    padding: 5px;
}
/*添加配置产品页面的css结束*/

/* jqGrid的工具栏样式 开始 */
#grid_head_bar {
    line-height:20px;
    margin-bottom:5px;
    width: 900px;
}
#grid_head_bar a {
    line-height: 20px;
    padding:0 5px;
    border: solid #E2E2E2 1px;
    font-weight: bold;
}
#grid_head_bar .float_left {
    float:left;
    margin-right: 10px;
}
#grid_head_bar .float_right {
    float: right;
    margin-left: 10px;
}
/* jqGrid的工具栏样式 结束 */

/* 产品图片管理的样式 开始 */
#images_list  li{
    float:left;
    padding:5px;
    margin:5px;
    text-align: center;
    border: solid 1px #CCC;
    width: 120px;
    height: 140px;
}
#images_list  li img {
    _width:120px;
    max-width:120px;
    _height: 120px;
    max-height: 120px;
}
#images_list  li a {
    line-height: 20px;
    margin: 0 3px;
}
#images_list  li span {
    color:green;
}

a.image_remove {
    color: red;
}

.form_radio_row {
    padding-top:10px;
}
.form_radio_row .radio {
    margin-bottom:5px;
    margin-right:0px;
}
/* 产品图片管理的样式 结束 */

#selected_num {
    font-weight:bold;
}

.product_bulk_rules {
    margin-left: 50px;
}
.product_bulk_rules_toggle {
    font-size:10px;
    text-decoration: underline;
}

/*set add & edit:*/
.jqgrid_little_box {
    float:left;
}

#grid_head_bar a.inline_link {
    font-weight:normal;
    border:none;
    padding:0;
}


/*下面.clr相关的语句是为了清除float，将clr这个class赋给float元素的父元素即可*/
.clr:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    visibility: hidden;
}
.clr {
    zoom: 1;
}


/* MESSAGES --------------------------------------------------------------- */	
#message-yellow	{
    border-bottom: medium none;
    padding:0px;
    margin-bottom: 5px;
}
.yellow-left	{
    border-bottom: medium none;
    background: url(/media/images/message_yellow.gif) top left no-repeat;
    color: #e79300;
    font-family: Tahoma;
    font-weight: bold;
    padding: 0 0 0 20px;
}
.yellow-left a	{
    color: #e79300;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.yellow-right a	{
    cursor: pointer;
}
.yellow-right	{

    border-bottom: medium none;
    width: 55px;
}
#message-blue	{
    padding:0px;
    margin-bottom: 5px;
}
.blue-left	{
    border-bottom: medium none;
    background: url(/media/images/message_blue.gif) top left no-repeat;
    color: #2e74b2;
    font-family: Tahoma;
    font-weight: bold;
    padding: 0 0 0 20px;
}
.blue-left a	{
    color: #2e74b2;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.blue-right a	{
    cursor: pointer;
}
.blue-right	{
    border-bottom: medium none;
    padding:0px;
    width: 55px;
}
#message-red	{
    margin-bottom: 5px;
}
.red-left	{
    border-bottom: medium none;
    background: url(/media/images/message_red.gif) top left no-repeat;
    color: #ce2700;
    font-family: Tahoma;
    font-weight: bold;
    padding: 0 0 0 20px;
}
.red-left a	{
    color: #ce2700;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.red-right a	{
    cursor: pointer;
}
.red-right	{
    border-bottom: medium none;
    padding:0px;
    width: 55px;
    border-bottom: medium none;
}
#message-green	{
    margin-bottom: 5px;
}
.green-left	{
    border-bottom: medium none;
    background: url(/media/images/message_green.gif) top left no-repeat;
    color: #6da827;
    font-family: Tahoma;
    font-weight: bold;
    line-height: 12px;
    padding: 0 0 0 20px;
}
.green-left a	{
    color: #6da827;
    font-family: Tahoma;
    font-weight: normal;
    text-decoration: underline;
}
.green-right a	{
    cursor: pointer;
}
.green-right	{
    border-bottom: medium none;
    border-bottom: medium none;
    padding:0px;
    width: 55px;
}	


/*列表*/
.archives_cat{color:#686868;line-height:30px;overflow:hidden}
.archives_cat{width:99%;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px}
.archives_cat ul li{border:1px solid #E8E8E8;border-top: none;display:block;white-space:nowrap;overflow:hidden;color:#fff}
.archives_list_sep{background:#FAFAFA}
.archives_cat ul li a{width:100%;padding:0 15px}
.archives_cat ul .lastlist {border: 1px solid #E8E8E8;}
.onhover {color:#fff;background:#dddddd;text-decoration:none;}
.onhover a{color:#666666;text-decoration:none;}

#right_button {float: right;}
#h3_left {float: left}




/* 表单样式 */
#tabs div  .lable_title {
    text-align: right;
    width: 100px;
    display: block;
    float: left;
    line-height: 30px;}


#tabs div label {
    text-align: right;
    display: block;
    float: left;
    line-height: 30px;}

#tabs div  input,#tabs div  textarea,#tabs div  select {margin-left: 30px;float: left;}
.notice_span {
    display: block;
    line-height: 32px;}
#tabs div  li {clear:both;}

.text:focus {
    border:1px inset #00a9ee;
}

img.photo {
    background:#fff;
    padding:4px;
    margin: 8px;
    border:1px solid #a9a9a9;
    width: 160px;
    height:160px;


}

.photo_div {
    float: left;

}
img.photo {
    -webkit-box-shadow: 3px 3px 6px #666;
    -moz-box-shadow: 3px 3px 6px #666;
    box-shadow: 3px 3px 6px #666;
}

#catalog_tree .area_tree {float: none;margin: 0}

#tabs #catalog_tree label {

    display: inline;
    float: none;
    line-height: 0px;
    text-align: right;

}

#catalogid {
     border: 1px solid #D2D2D2;margin: 10px 0;float: left;width: 220px;
}

#catalogid span {
    background: url("../images/navigation-off.gif") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #E8E8E8;
    display: block;
    font-size: 12px;
    height: 100%;
    line-height: 24px;
    margin: 0;
    padding: 0 15px;
    
}
                            
#catalogid #catalog_tree {
  max-height:500px;
  margin: 0 20px;
}